﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8">
</head>
<body>
<div class="slide" name="slide" id="slideslideIface1" ><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.33333in" height="7.5in" class="slides-canvas" pointer-events="none" viewBox="0 0 960 540">
  <defs>
    <symbol id="page1-pic1" viewBox="0 0 712 385" preserveAspectRatio="none">
      <image width="712" height="385" preserveAspectRatio="none" xlink:href="" />
    </symbol>
    <pattern id="page1-im1" x="-307" y="-254" width="315" height="385" patternUnits="userSpaceOnUse">
      <use width="712" height="385" xlink:href="#page1-pic1" preserveAspectRatio="none" />
    </pattern>
  </defs>
  <g text-rendering="geometricPrecision" pointer-events="painted" transform="scale(1, 1)">
    <rect x="0" y="0" width="960" height="540" fill="#FFFFFF" />
    <path fill="#FFFFFF" fill-opacity="0.4" d="M0 0L960 0 960 540 0 540z" />
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.745262, 29.3514862)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-75.11 47.11L-75.11-455.04 303.12 47.11z" />
    </g>
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.881783, 14.8448944)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-100.07 39.62L-100.07-462.52 278.17 39.62z" />
    </g>
    <g transform="matrix(-0, 1, 1, 0, 251.893219, -251.893219)">
      <path fill="url(#page1-im1)" d="M32.93-252.32L228.49-254.04 347.48-174.88 152.6 130.65 33.79 130.65C33.5 3.01 33.22-124.67 32.93-252.32z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path fill="#4472C4" d="M750.79 668.89L750.79 511.99 963.53 668.89z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M739.16 677.46L739.16 503.42 975.16 677.46z" />
    </g>
    <g transform="matrix(1, 0, 0, 1, 246.55, 36.32504)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="21pt" fill="#404040"><tspan x="0" y="27.08718" textLength="328.4" lengthAdjust="spacingAndGlyphs">Vue语法—路由</tspan></text></g>
    <g transform="matrix(1, 0, 0, 1, 55.6499939, 150.525024)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="21pt" fill="#404040" x="0" y="28.01218"><tspan xml:space="preserve">1.安装</tspan><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">vue-router</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="21pt" fill="#404040" x="0" y="95.21219"><tspan>2.全局引入</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#404040" x="0" y="117.2677"><tspan>import router from "./router/index"</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#404040" x="0" y="136.4677"><tspan>new Vue({</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#404040" x="0" y="155.6677"><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">router,</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#404040" x="0" y="174.8677"><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">render: h =&gt; h(App)</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#404040" x="0" y="194.0677"><tspan>}).$mount('#app')</tspan></text></g>
    <path fill="#4472C4" d="M422.7 103.4L838.4 103.4 838.4 486.3 422.7 486.3z" />
    <g transform="matrix(1, 0, 0, 1, 422.700043, 103.400009)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="21pt" fill="#FFFFFF" x="0" y="28.78724"><tspan>3.导出</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="50.84273"><tspan>import Vue from "vue"</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="70.04273"><tspan>import Router from "vue-router"</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="89.24274"><tspan>import HelloWorld from</tspan><tspan xml:space="preserve"> </tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="108.4427"><tspan>"../components/HelloWorld.vue"</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="127.6427"><tspan>Vue.use(Router)</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="146.8427"><tspan>export default new Router({</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="166.0427"><tspan xml:space="preserve">    </tspan><tspan xml:space="preserve">routes:[</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="185.2427"><tspan xml:space="preserve">        </tspan><tspan xml:space="preserve">{</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="204.4427"><tspan xml:space="preserve">            </tspan><tspan xml:space="preserve">path:"/",</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="223.6427"><tspan xml:space="preserve">            </tspan><tspan xml:space="preserve">component:HelloWorld</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="242.8427"><tspan xml:space="preserve">        </tspan><tspan xml:space="preserve">},</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="262.0427"><tspan xml:space="preserve">        </tspan><tspan xml:space="preserve">{</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="281.2427"><tspan xml:space="preserve">            </tspan><tspan xml:space="preserve">path:"/demo3",</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="300.4427"><tspan xml:space="preserve">            </tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="319.6427"><tspan>component:()=&gt;import("../components/demo3.vue")</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="338.8427"><tspan xml:space="preserve">        </tspan><tspan xml:space="preserve">}</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="358.0427"><tspan xml:space="preserve">    </tspan><tspan xml:space="preserve">]</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="12pt" fill="#FFFFFF" x="0" y="377.2426"><tspan>})</tspan></text></g>
  </g>
</svg></div></body>
</html>